<template>
	<view>
	<view class="hadder">
		高压电工<image :src="`${url}/images/my/xl.png`" mode=""></image>
	</view>
	
	<view class="FGX">
		<image :src="`${url}/images/fgx.png`" mode="">
	</view>
	<view class="nav">
		<view class="nav_box" @tap='$no_repeat(kqlx1)'>
			<image :src="`${url}/images/kqlx.png`" mode=""></image>
			<view class="tet">考前练习</view>
		</view>
		<view class="nav_box" @tap='$no_repeat(ann_hui)'>
			<image :src="`${url}/images/sxlx.png`" mode=""></image>
			<view class="tet">顺序练习</view>
		</view>
		<view class="nav_box" @tap='$no_repeat(ann_hui)'>
			<image :src="`${url}/images/wdct.png`" mode=""></image>
			<view class="tet">我的错题</view>
		</view>
		<view class="nav_box" @tap='$no_repeat(ann_hui)'>
			<image :src="`${url}/images/wdsc.png`" mode=""></image>
			<view class="tet">我的收藏</view>
		</view>
	</view>
	<view class="FGX1">
		<image :src="`${url}/images/fgx.png`" mode="">
	</view>
	<view class="zj">
	<view class="wz">
		<view>题目一</view>
		<view>选择题选择题选择题选择题题</view>
		<view class="wz1">203做错<span>
		1163做过</span></view>
	</view>
	<view class="tp">
		<image :src="`${url}/images/tp1@2x.png`" mode=""></image>
	</view>
	</view>
	<view class="xd">
		<image :src="`${url}/images/xd@2x.png`" mode=""></image>
	</view>
	<view class="zj">
	<view class="wz">
		<view>题目二</view>
		<view>选择题选择题选择题选择题题</view>
		<view class="wz1">203做错<span>
		1163做过</span></view>
	</view>
	<view class="tp">
		<image :src="`${url}/images/tp1@2x.png`" mode=""></image>
	</view>
	</view>
	<view class="xd">
		<image :src="`${url}/images/xd@2x.png`" mode=""></image>
	</view>
	<view class="zj">
	<view class="wz">
		<view>题目三</view>
		<view>选择题选择题选择题选择题题</view>
		<view class="wz1">203做错<span>
		1163做过</span></view>
	</view>
	<view class="tp">
		<image :src="`${url}/images/tp1@2x.png`" mode=""></image>
	</view>
	</view>
	<view class="xd">
		<image :src="`${url}/images/xd@2x.png`" mode=""></image>
	</view>

	</view>
	
</template>

<script>
	
	export default {
		data() {
			return {
				url:this.baseUrl,
			};
		},
		onLoad() {
			console.log(this.baseUrl)
		},
		methods: {			
			kqlx1(name){
				uni.navigateTo({
					url: '/pages/course/kqlx/kqlx'
				});
			}
		}
	};
	</script>


<style>
	.hadder image{
		
		margin-left: 8upx;
		width: 22upx;
		height: 14upx;
		margin-top: 16upx;
	}
	.hadder{
		
		font-size: 32upx;
		text-align: center;
		
	}
	.FGX image{
		width: 750upx;
		height: 12upx;
		
		
	}
	.FGX1 image{
		width: 100%;
		height: 20upx;
	}
	.nav{
		
		padding-top: 20upx;
		display: flex;
		flex-wrap: wrap;
		background-color: #fff;
		margin-bottom: 10upx;
	}
	.nav_box {
		width: 25%;
		padding: 16upx;
		box-sizing: border-box;
		text-align: center;
	}
	.nav image {
		width: 100upx;
		height: 110upx;
	}
	.nav .tet {
		text-align: center;
		font-size: 24upx;
	}
	.zj{
		display: flex;
		
	}
	.wz{
		margin-left: 20upx;
		font-size: 32upx;
		margin-top: 60upx;
		
	}
	.wz .wz1{
		font-size: 20upx;
		color: #666666;
		margin-top: 10upx;
	}
	.wz .wz1 span{
		margin-left: 16upx;
	}
	
		
	
	.tp image{
		margin-top: 30upx;
		margin-left: 40upx;
		width: 254upx;
		height: 186upx;
		
	}
	.xd image{
		width: 100%;
		height: 2upx;
	}
</style>
